<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Login</title>
	<style>
.container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
</style>
</h:head>
<h:body>
	<div class="container">
		<form name="loginForm" method="post" action="j_security_check">
			<p:panelGrid columns="2">
				<f:facet name="header">
					<h:outputText value="Login" />
				</f:facet>

				<h:outputText value="User Name" />
				<input type="text" name="j_username" size="35" />

				<h:outputText value="Password" />
				<input type="password" size="35" name="j_password" />

				<f:facet name="footer">
					<input class="formbutton" type="submit" value="Submit" />
				</f:facet>

			</p:panelGrid>

		</form>
	</div>

</h:body>
</html>